<template>
    <div class="my">
      <div class="wd">
        <div class="item"><span>我的电影票</span><van-icon class="icon" name="arrow" /></div>
        <div class="item"><span>优惠券</span><van-icon class="icon" name="arrow" /></div>
        <div class="item"><span>兑换券</span><van-icon class="icon" name="arrow" /></div>
        <div class="item"><span>帮助中心</span><van-icon class="icon" name="arrow" /></div>
      </div>
    </div>
</template>

<script>
    export default {
      name: 'My',
      data () {
        return {
          
        }
      }

    }
</script>

<style lang='less' scoped>
.my {
  width: 100%;
  height: (600/16rem);
  padding-top: (10/16rem);
  padding-bottom: (3.125rem);
  background-color: rgb(245, 245, 245);
  .wd {
    background-color: #fff;
    padding: 0 (10/16rem);
    .item {
      display: flex;
      justify-content: space-between;
      padding: (10/16rem) 0;
      border-bottom: 1px solid #ddd;
      font-size: 1rem;
      .icon {
        margin-right: (5/16rem);
      }
    }
  }
}
</style>